本地存储 本地存储# 随着互联网的快速发展，基于网页的应用越来越普遍，同时也变得越来越复杂，为了满足各种各样的需求，会经常性地在本地存储大量的数据，HTML5规范提出了相关解决方案。 本地存储特性# 数据存储在用户浏览器中 设置、读取方便、甚至页面刷新不丢失数据 容量较大， sessionStorage 约5M， ...

插件及框架 .testbox { padding: 10px; width: 100px; height: 100px; background-color: var(--pink); color: #fff; line-height: 20px; text-align: center; font-size: 12px; } .videoplayer { ...

classList属性 .funbox { width: 100px; height: 100px; line-height: 100px; background-color: var(--pink); color: #fff; text-align: center; } .bg { color: #fff; background-color: var(--dark); } classList属性# ...

移动端常见特效 .testbox { padding: 10px; width: 100px; height: 100px; background-color: var(--pink); color: #fff; line-height: 20px; text-align: center; font-size: 12px; } .outer { position: relative; height: 120px; }...

vw和vh .vwh { width: 20vw; height: 10vh; background-color: var(--red); color: #fff; font-size: 12px; text-align: center; line-height: 10vh; } vw和vh# 移动端布局# ...

Bootstrap栅格系统 .row { margin-bottom: 10px; } .row > div { padding: 10px; } /* 以col开头的类 */ [class^='col'] { background-color: lightblue; border: 5px double #424242; border-radius: 5px; } .dlg { background-color: lightpink; ...

bootstrap前端开发框架 .concolor { background-color: pink; } .confcolor { background-color: purple; color: #f0f0f0; } Bootstrap前端开发框架# Bootstrap简介# Bootstrap 来自 ...

响应式开发 .notes::after { display: block; padding: 10px; margin: 5px; line-height: 30px; text-align: center; color: red; border-radius: 5px; box-shadow: var(--shadow); } /* 案例 */ .container { margin: 0 auto; height: 100px; ...